<style>
    .footer-box {
        width: 100%;
        background-color: #232428;
        box-sizing: border-box;
        padding: 20px 0;
    }

    .content-box {
        max-width: var(--max-width);
        margin: 0 auto;
        box-sizing: border-box;
        padding: 0 20px;
    }

    .content-box>div:first-of-type {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 50px;
    }

    .content-box>div:last-of-type {
        margin-top: 20px;
        border-top: 1px solid #3C3F42;
        text-align: center;
        box-sizing: border-box;
        padding-top: 20px;
        color: #8E8E8F;
        font-size: 12px;
    }

    .qrcode-box {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .flefc {
        display: flex;
        flex-flow: column;
        align-items: center;
    }

    .flefc>img {
        width: 120px;
    }

    .flefc>span {
        color: #A1A1A2;
        margin-top: 10px;
    }

    .lianxi-us>div:nth-child(1) {
        font-size: 16px;
        color: #BDBDBF;
    }

    .lianxi-us>div:nth-child(2) {
        margin-top: 10px;
        font-size: 14px;
        color: #808183;
    }

    .lianxi-us>div:nth-child(3) {
        font-size: 14px;
        color: #808183;
    }

    .lianxi-us>div:nth-child(4) {
        font-size: 14px;
        color: #808183;
    }

    .beian {
        color: #808183;
        margin-left: 10px;
    }

    @media screen and (max-width:1290px) {
        .content-box {}
    }

    @media screen and (max-width:900px) {
        .content-box>div:first-of-type {
            flex-flow: column;
            gap: 20px;
        }

        .qrcode-box {
            margin: auto;
        }
    }
</style>


<div id="footerBox" class="footer-box">
    <div class="content-box">
        <div>
            <div>
                <img style="width: 120px;" src="../imgs/logo-w.png" alt="">
            </div>
            <div class="lianxi-us">
                <div>联系我们</div>
                <!-- <div>服务热线：400-016-8088</div> -->
                <div>咨询邮箱：market@quanxun-iot.com</div>
                <div>地址：中国（山东）自由贸易试验区济南片区经十路7000号汉峪金融商务中心3区5号楼1106室</div>
            </div>
            <!-- <div class="qrcode-box" style="margin-left:auto;">
                <div class="flefc">
                    <img src="https://pic.baike.soso.com/p/20130307/20130307133541-2131676630.jpg" alt="">
                    <span>公众号</span>
                </div>
                <div class="flefc">
                    <img src="https://pic.baike.soso.com/p/20130307/20130307133541-2131676630.jpg" alt="">
                    <span>小程序</span>
                </div>
            </div> -->
        </div>
        <div>
            @Copyright.2024-2025 全讯物联
            <a id="beian" class="beian" href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank"></a>
        </div>
    </div>
</div>


<script>
    const beianList = [
        {
            name: 'fusionconnect-iot.com',
            beian: '鲁ICP备2024061789号-1'
        },
        {
            name: 'quanxun-iot.com',
            beian: ''
        },
    ]

    function getBeian(origin) {
        let myBeian = ''
        beianList.map(item => {
            if (origin.indexOf(item.name) > -1) {
                myBeian = item.beian
            }
        })
        return myBeian
    }

    function setBeian() {
        const origin = window.location.origin
        const text = getBeian(origin)
        $('#beian').text(text)
    }

    setBeian()
</script>